{% extends 'home/base.html' %}
{% block title %}Generate Report{% endblock %}
{% block heading %}Generate Report{% endblock %}
{% block body %}

<div class="row">
  <form class="col s12" action='/reports/do_generate/' method="POST" enctype="multipart/form-data">
    {%csrf_token%}
    <input type="hidden" name="bill_id" id= "bill_id" value="{{bill.id}}">
    <div class="input-field col s12">
        <label for="report_description">Report Description</label>
        <textarea name="report_description" id="report_description" class="materialize-textarea" required></textarea>
    </div>
      <div style="margin-bottom: 10px;text-align: center">
          <label style="outline: #00b0ff" for="report_file">Upload Report File</label><br>
          <input style="outline: #0b0b0b" type="file" name="report_file" id="report_file" size="15"  enctype="multipart/form-data" maxlength="100">
      </div>
    <div style="margin-bottom: 10px ">
      <button type="submit" class="btn">Generate</button>
    </div>
  </form>


</div>
{% endblock %}
